<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<%@include file="../publicJSCSS.jsp"%>

<script src="<%=request.getContextPath()%>/HRTWEB/js/jquery-1.9.1.js"></script>
<script src="<%=request.getContextPath()%>/HRTWEB/address/Area.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/HRTWEB/css/changeAddress.css">
<title>编辑地址本</title>
</head>
<body>
	<div class="modal fade" data-backdrop="static" id="addressBookInfor" tabindex="-1"
		role="dialog" aria-labelledby="orderDetailsLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" style="background-color: #FFF2E6;">
				<div class="modal-header " style="">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h3 class="modal-title" id="myModalLabel">编辑地址</h3>
				</div>
				<div class="m-l-x">
					<form id="addressInfor" name="addressInfor" class="jqtransform">
                      <table cellspacing="5" >
						<tr>
							<td colspan="2">
								<input type="hidden" value="${hrtMember.id}" name="memberId" id="memberId" /> <input type="hidden" name="id" id="addressId" />
								<h4>新增收货地址 电话号码、手机号选填一项,其余均为必填项</h4>
							</td>
						</tr>
						<tr>
						    <td >
								所在地区:
							</td>
							<td colspan="2">
							    <div class="getAdress">
										<select id="seachprov" name="seachprov" onChange="changeComplexProvince(this.value);"></select>&nbsp;&nbsp;
										<select id="seachcity" name="homecity" onChange="changeCity(this.value);"></select>&nbsp;&nbsp;
									    <span id="seachdistrict_div">
											<select id="seachdistrict" name="seachdistrict" onChange="changeArea(this.value);"></select>
										</span>
								</div>
							</td>	
						</tr>
						<tr>
								<td><input type="hidden" id="province" name="province" datatype="*"></td>
								<td><input type="hidden" id="city" name="city" datatype="*"></td>
								<td><input type="hidden" id="area" name="area" datatype="*"></td>
						</tr>
						<tr>
							<td>
							    <span style="vertical-align: top;color:#333;">详细地址:</span>
							</td>
							<td colspan="2">
								<textarea name="address" id="address" rows="1" style="resize:none;width:260px;background-color: #FFE7E7;"  overflow-y="scroll" cols="3"></textarea>
							</td>
						</tr>
						<tr style="height:30px;line-height:15px;">
						    <td>
								邮政编码:
							</td>
							<td>
								<input id="postCode" name="postCode" type="text" value="${address.postCode}" class="inputxt Validform_error" datatype="p" errormsg="邮政编码格式错误" nullmsg="请填写信息！" />
							<span class="Validform_checktip">请输入邮政编码</span></td>
						</tr>
						<tr style="height:30px;line-height:15px;">
							<td>
								 收货人姓名:
							</td>
							<td>
							    <input id="receiver" name="receiver" type="text" value="${address.receiver}" class="inputxt Validform_error" datatype="*" nullmsg="请填写信息！"/>
							<span class="Validform_checktip fontSize">请输入收货人姓名</span></td>
						</tr>
						<tr style="height:30px;line-height:15px;">
						     <td>
				           		手机号码:
							</td>
							<td>
							    <input id="mobile" name="mobile" type="text" value="${address.mobile}" class="inputxt Validform_error" datatype="m" errormsg="手机号码填写错误" nullmsg="请填写信息！"/>
							<span class="Validform_checktip fontSize">请输入手机号码</span></td>
						</tr>
						<tr style="height:30px;line-height:15px;">
							<td>
								电话号码:
							</td>
							<td>
								<input id="telPhone" name="telPhone" type="text" value="${address.telPhone}" class="inputxt Validform_error" datatype="n" errormsg="电话号码填写电话号码" nullmsg="请填写信息！"/>
								<span class="Validform_checktip fontSize">请输入电话号码</span>
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<div class="m-l-x">
									<input style="width: 20px; height: 16px;" type="checkbox" name="temp" id="temp" />
									<span style="vertical-align: top;color:#333;">设置为默认收货地址</span>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="3">
								<div id="optBtn" class="modal-footer">
									<button id="saveBtn" type="submit"  name="saveBtn" class="btn btn-default">保存</button>
									<button type="button" class="btn btn-default" data-dismiss="modal" id="closeBtn" name="closeBtn">关闭</button>
								</div>
							</td>
						</tr>
						</table>	
					</form>

				</div>

			</div>

		</div>

	</div>

</body>
</html>